<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

	<ui:composition template="/templates/template.xhtml">
			<ui:define name="pageTitle">Pesquisa de Atletas</ui:define>
			<ui:define name="pageHeader">Pesquisa de Atletas</ui:define>
			<ui:define name="body">

				<h:form id="formPesquisa">
									
					<h:panelGrid columns="1">
					
						<h:panelGrid columns="3">
							<h:outputText value="Digite o nome do atleta:" />
							<h:inputText value="#{atletaBean.atletaSelecionado.nome}" />
							<h:commandButton value="localizar" action="submit" >
<!-- 								<p:ajax event="click" update="gridAtletas" /> -->
								<f:ajax execute="@form" render="formPesquisa"/>
							</h:commandButton>
						</h:panelGrid>
					
						<h:panelGrid columns="1">
							<p:dataTable id="gridAtletas" value="#{atletaBean.listarPorNome()}" var="atletaListado" scrollable="true" scrollHeight="400" scrollWidth="860" >
					
								<p:column headerText="Matr." footerText="rodapé" style="width: 30px">
									<h:outputText value="#{atletaListado.matricula}" />
								</p:column>

								<p:column headerText="Nome do Atleta" footerText="rodapé" style="width: 250px" >
									<h:outputText value="#{atletaListado.nome}" />
								</p:column> 

								<p:column headerText="Nascimento"  footerText="rodapé" style="width: 90px">
									<h:outputText value="#{atletaListado.dataNascimento}">
										<f:convertDateTime locale="pt_BR"/>									
									</h:outputText>
								</p:column>

								<p:column headerText="Endereço"  footerText="Endereço" style="width: 200px">
									<h:outputText value="#{atletaBean.atletaSelecionado.endereco.enderecoCompleto()}" />
								</p:column>

								<p:column headerText="Equipes" footerText="rodapé" style="width: 60px">
									<h:outputText value="#{atletaListado.qtdEquipes()}" />
								</p:column>

								<p:column headerText="Ações" style="width: 40px">
									<center>
									<h:commandLink action="#{atletaBean.excluir}"
										onclick="if(!confirm('Deseja realmente excluir o atleta #{atletaListado.nome}?'))return false;">
										<h:graphicImage value="/resources/images/trash-icon16px.png" />
										<f:setPropertyActionListener
											target="#{atletaBean.atletaSelecionado}" value="#{atletaListado}"></f:setPropertyActionListener>
									</h:commandLink>
				
									<h:commandLink>
										<h:graphicImage library="images" name="wrench-icon-16px.png" />
										<f:setPropertyActionListener
											target="#{atletaBean.atletaSelecionado}" value="#{atletaListado}"></f:setPropertyActionListener>
									</h:commandLink>					
		
									<h:commandLink>
										<h:graphicImage library="images" name="view3-icon-16px.png" />
										<f:setPropertyActionListener
											target="#{atletaBean.atletaSelecionado}" value="#{atletaListado}"></f:setPropertyActionListener>
									</h:commandLink>					
		
		
									</center>
								</p:column>

							</p:dataTable>
						</h:panelGrid>

					</h:panelGrid>
				
				</h:form>				

			</ui:define>
	</ui:composition>

</html>